@layout("/common/_container.html"){
<link href="${ctxPath}/static/css/plugins/webuploader/upload-style.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/plugins/webuploader/webuploader.css" rel="stylesheet"> 
 <div id="wrapper">
        <div id="container">
            <!--头部，相册选择和格式选择-->
            <div id="uploader">
                <div class="queueList">
                    <div id="dndArea" class="placeholder">
                        <div id="filePicker"></div>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <div class="progress">
                        <span class="text">0%</span>
                        <span class="percentage"></span>
                    </div><div class="info"></div>
                    <div class="btns">
                        <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="${ctxPath}/static/js/plugins/webuploader/webuploader.js"></script>
    <script src="${ctxPath}/static/js/common/image-upload.js"></script>
    <script type="text/javascript">
	    var ImageSelect = {};
	    function test(a){
	    	//alert(a);
	    	 var index = layer.open({
	             type: 2,
	             title: '图片剪裁',
	             area: ['1100px', '650px'], //宽高
	             fix: false, //不固定
	             maxmin: true,
	             content: Feng.ctxPath + '/image/image_clipping/' + a
	         });
	    	 ImageSelect.layerIndex = index;
	    };
    </script>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>图片管理 --点击图片可下载</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-3">
                                <#NameCon id="showName" name="图片名称" />
                            </div>
                            <div class="col-sm-3">
                                <#button name="搜索" icon="fa-search" clickFun="OttImage.search()"/>
                            </div>
                        </div>
                        <div class="hidden-xs" id="ottImageTableToolbar" ottImage="group">
                            <#button name="展示剪裁图片" icon="fa-edit" clickFun="OttImage.openChangeImage()" space="true"/>
                            @if(shiro.hasPermission("/image/remove")){
                            @}
                            <#button name="剪裁" icon="fa-edit" clickFun="OttImage.clippingImage()" space="true"/>
                            <#button name="删除" icon="fa-remove" clickFun="OttImage.delImage()" space="true"/>
                        </div>
                        <#table id="ottImageTable"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/system/ottImage/ottImage.js"></script>
@}

